import Vue from 'vue'
import App from './App.vue'

import songitem from '@/components/songItem.vue';
import litterHeader from '@/components/litterHeader'

Vue.config.productionTip = false
// 单曲组件
Vue.component('song-item',songitem);
// 此页面头部组件
Vue.component('litter-header', litterHeader);


import '@/styles/reset.css';
import '@/mobine/flexible.js';//引入rem适配flexible.js
import router from '@/router';
import store from '@/store';
//样式自动引入
import {
  Search ,NumberKeyboard ,Overlay ,Checkbox,ImagePreview ,Icon ,Button,Cell,CellGroup,Dialog,Form,Field,NavBar,Tabbar, TabbarItem ,Col,Row
} from 'vant';
import { Image as VanImage } from 'vant';
Vue.use(Button);
Vue.use(Cell);
Vue.use(CellGroup);
Vue.use(Form);
Vue.use(Field);
Vue.use(NavBar);
Vue.use(Tabbar);
Vue.use(TabbarItem);
Vue.use(Col);
Vue.use(Row);
Vue.use(VanImage);
Vue.use(Icon);
Vue.use(Search);
// 全局注册图片预览
Vue.use(ImagePreview);
Vue.use(Checkbox);
Vue.use(Overlay);
Vue.use(NumberKeyboard );
Vue.prototype.ImagePreview = ImagePreview;
new Vue({
  render: h => h(App),
  router,
  store
}).$mount('#app')